Как создать web push-уведомление?

Web push-уведомления позволяют связаться с контактами совершенно новым способом. Они отображают ваше уведомление в браузере человека, который согласился на получение уведомлений. Этому человеку не нужно быть подписчиком, чтобы получать их.

Push-уведомления – это бесплатная функция, которая может не только повлиять на ваши конверсии, но и информировать людей о новостях на ваших страницах, предупреждать их или напоминать о вашем сайте. Она позволяет охватить больше людей и отображать уведомления, которые могут перенаправлять на сайт по вашему выбору.

С помощью GetResponse вы теперь можете создавать Расширенные push-уведомления, которые позволяют создавать уведомления, содержащие изображения, добавлять кнопки действий и темы поддержки. Внешний вид уведомления может отличаться от предварительного просмотра в зависимости от браузера получателя и операционной системы получателя (а также от того факта, что разные браузеры/ОС поддерживают разные расширенные элементы push-уведомлений).

Введение в веб-push-уведомления

Web push-уведомления – это уведомления, которые могут быть отправлены пользователю через стационарный и мобильный веб-браузер. Web push-уведомления доставляются на экран стационарного или мобильного компьютера пользователя в любое время, когда у него открыт браузер – независимо от того, находится ли пользователь на сайте.

Как работает функция Web Push?

Сервис push получает сетевой запрос, проверяет его и доставляет сообщение push в соответствующий браузер. Если браузер находится в офлайн-режиме, сообщение ставится в очередь до тех пор, пока браузер не будет открыт. Нажмите здесь для получения дополнительной информации.

Нужно создать сайт в GetResponse, который будет содержать ваши уведомления, а также URL и изображение.
Необходимо установить скрипт отслеживания на вашем сайте и рабочий сервис на сервере вашего сайта.
Мы поддерживаем все основные браузеры, кроме Safari и Internet Explorer 11.
Мы настоятельно рекомендуем создать персонализированный запрос перед отображением запроса разрешения в родном браузере. Он будет информировать ваших посетителей о том, что вы можете отправлять им уведомления, если они согласятся. Это повышает коэффициент конверсии, а также, некоторые браузеры могут блокировать запрос родного браузера, если ранее не было взаимодействия с сайтом. Кроме того, персонализированный запрос может увеличить количество подписок на ваши уведомления.

Персонализированный запрос:

Стандартный запрос:

Cоздание сайта

Чтобы создать сайт:

Перейдите в Инструменты – Push-уведомления.
Нажмите Добавить сайт.

Укажите название вашего сайта (до 150 символов).
Укажите точный URL вашего сайта. Это должен быть именно тот URL, который отображается в браузере. Для отправки уведомлений ваш сайт должен поддерживать протокол HTTPS. Если это не так, вам необходимо установить SSL-сертификат для вашего сайта.
(Необязательно) нажмите Загрузить изображение, если вы хотите добавить значок. Это будет изображение по умолчанию, отображаемое во всех ваших уведомлениях и пользовательских подсказках. Это может быть ваш логотип или значок бренда.
Нажмите Добавить сайт и продолжить.

Вы можете добавить в качестве своего сайта только домен или субдомен, например:

https://example.com
https://subdomain.example.com

В качестве сайта нельзя использовать директорию, например:

https://example.com/directory
https://subdomain.example.com/directory

Следующим шагом будет настройка вашего сайта.

Нажмите Получить Webconnect, чтобы скопировать код отслеживания. Добавьте код отслеживания на сайт, где вы хотите отображать уведомления. Он должен быть размещен в секции head.
Нажмите кнопку Скачать файл Service Worker, чтобы загрузить файл. Установите его в корневой каталог сайта на вашем сервере. Попросите помощи у своего веб-разработчика, если вы не уверены, как сделать это самостоятельно.
Когда люди подпишутся, файл будет загружен в их браузер. Если они подписались, то смогут получать ваши уведомления. Следует иметь в виду следующее:

Убедитесь, что сайт поддерживает протокол HTTPS.
Не переименовывайте файл.
Файл должен указывать на один и тот же источник сайта (ваш домен).

Нажмите Завершить, чтобы завершить настройку сайта.

У вас всегда будет доступ к коду Web Connect и файлу Service Worker перейдя к Веб-push-уведомлениям и нажав Получить код и файл Service Worker.

На третьем шаге вы можете выбрать Способ подписки. Подписка в два клика (с настраиваемыми запросами) приведет к повышению конверсии. Это можно изменить позже в Путях запросов.

При Подписке в один клик будет отображаться только встроенный запрос браузера.
Подписка в два клика дает вам возможность создать собственный фирменный запрос, который будет отображаться перед встроенным запросом браузера.

Управление сайтом

Для управления сайтом:

Перейдите в Web push-уведомления.
Наведите курсор на меню действий (3 вертикальные точки).
Здесь вы можете:

Редактировать свой сайт.
Получить код и файл Service Worker.
Создать запрос.
Создать уведомление.
Удалить (это возможно, только если нет активных уведомлений).

Здесь вы также увидите, сколько людей подписано на уведомления на этом сайте.

Создание запроса

При создании запроса вы фактически всегда создаете персонализированный запрос. Стандартный запрос создается автоматически и не может быть отредактирован, так как это запрос непосредственно от браузера на отправку уведомлений.

Имейте в виду, что:

Невозможно отредактировать или удалить встроенный запрос браузера.
Вы можете предварительно просмотреть, как будет выглядеть запрос. Внешний вид запроса может отличаться в разных браузерах и операционных системах.
Вы найдете его в разделе Запросы уведомлений, наряду со всеми созданными вами персонализированными запросами.

Вы можете создать персонализированный запрос для своего сайта, чтобы увеличить количество подписчиков и конверсий.

Чтобы создать персонализированыый запрос:

Перейдите в Web push-уведомления.
Наведите курсор на меню действий (3 вертикальные точки) и выберите Создать запрос.

Введите имя запроса (до 150 символов).
Введите текст запроса (до 128 символов). Создайте индивидуальное сообщение, чтобы призвать людей подписаться на рассылку. Пользовательская подсказка появляется перед внутренней подсказкой.
Укажите текст для кнопки подтверждения и выберите ее цвет.
Укажите текст ссылки для отмены подписки и выберите ее цвет. Предварительный просмотр вашего запроса будет отображаться с правой стороны.
Нажмите кнопку Сохранить, чтобы завершить настройку персонализированного запроса.
(Необязательно) нажмите кнопку Предпросмотр, чтобы увидеть, как будет выглядеть стандартный запрос.
Нажмите Сохранить и активировать, чтобы активировать созданный запрос (при этом отключив другой активный в данный момент запрос), или Сохранить прогресс, чтобы сохранить прогресс без активации подсказки.

Вы сможете увидеть, сколько людей просмотрели ваши запросы и сколько взаимодействовали с ними. Для стандартных запросов вы увидите, сколько людей подписались на них. Для персонализированных запросов вы увидите, сколько человек просмотрели стандартный запрос, а значит, сколько человек приняли персонализированный запрос. Это позволит вам сравнить эффективность различных запросов. Вы также сможете проверить, сколько посетителей подписались на рассылку с помощью данного персонализированного запроса.

Управление запросами

Чтобы управлять запросами:

Перейдите в Web push-уведомления.
Нажмите на название вашего сайта.
Во вкладке Запросы уведомлений вы можете деактивировать запрос.
Чтобы управлять подсказкой, наведите курсор на меню действий (3 вертикальные точки) рядом с вашей пользовательской подсказкой. Там вы сможете:

Изменить запрос.
Удалить его (это возможно только в том случае, если запрос не был отображен).

Управление тем, где будут появляться ваши запросы

Вы можете контролировать, где будут появляться ваши запросы, используя Путь для запросов.

Пути для запросов позволяют отображать запросы на всем сайте или выбирать конкретные страницы, указывая путь запроса. Путь относится к части URL-адреса после домена. Например, в https://www.example.com/store/sale путь — «/store/sale».

Перейдите в Web push-уведомления.
Нажмите на название вашего сайта.
Нажмите на вкладку Путь для запросов.
Нажмите Назначить путь.
Наведите указатель мыши на 3 точки рядом с вашим путем, чтобы удалить его или добавить путь выше или ниже него.
При добавлении пути вам необходимо
- Выбрать Запрос
- Ввести путь запроса, у вас есть три типа на выбор:
  – Путь начинается с — введите первую часть URL-адреса, отображаемого после URL-адреса вашего веб-сайта — например, если это: https://www.example.com/store/, вы вводите /store, и приглашение будет отображаться на всех сайтах, начинающихся с https: //www.example.com/store/
  – Путь не включает — введите часть URL-пути, которую вы хотите исключить из отображения подсказки.
  – На всём сайте — выберите этот вариант, если вы хотите отображать выбранный запрос на всем веб-сайте — выберите этот вариант, чтобы скрыть все запросы с более низким приоритетом, выбранные с Путь начинается с.
Определите порядок следования путей запросов, перемещая их вверх и вниз с помощью значка тройной полосы с левой стороны.
Сохраните изменения, нажав Сохранить.

Вы можете указать порядок в путях запросов, чтобы определить, какое правило должно иметь приоритет, поскольку правила могут перекрываться и блокировать друг друга.

Пример: у вас есть два пути

Запрос № 1 >> Путь начинается с >> /store
Запрос № 2 >> Путь начинается с >> /store/product

В таком случае Запрос № 2 никогда не появится, поскольку Запрос № 1 всегда будет появляться по пути /store, но если вы измените их порядок, Запрос № 2 появится на странице /store/product/jacket, а Запрос № 1 появится на странице /store/category/winter.

Создание уведомления

Уведомления – это окна, которые отображаются прямо на рабочих столах и экранах мобильных устройств ваших подписчиков. Они могут оповещать людей, подписавшихся на уведомления, о том, что происходит на вашем сайте. Вы можете рекламировать запуск продукта, распродажу или информировать их о новом контенте.

Примечание: в разных браузерах и устройствах могут быть разные ограничения по количеству символов. Если вы хотите, чтобы уведомление хорошо отображалось для всех подписчиков, лучше не создавать слишком длинные уведомления, так как они могут отображаться не полностью.

Чтобы создать уведомление:

Перейдите в Web push-уведомления.
Наведите курсор на меню действия (3 вертикальные точки) и нажмите на Создать уведомление.

Укажите имя уведомления (до 150 символов).
Введите заголовок уведомления (до 250 символов). Используйте запоминающуюся фразу или название вашего бренда.
(Необязательно) добавьте текст уведомления (до 250 символов). Используйте его, чтобы рассказать подробнее о продвигаемой вещи, проинформировать подписчиков уведомления об изменениях или сообщить им о проводимых распродажах или новых продуктах.
(Необязательно) Укажите целевой URL-адрес, на который будут перенаправлены люди после нажатия на ваше уведомление.

(Необязательно) Загрузите изображение в уведомление. Вы можете использовать: JPEG, .JPG, PNG, GIF, WEBP, ICO, CUR, BMP размером не более 10 МБ. Мы рекомендуем использовать изображение с соотношением ширины к высоте 2:1.
(Необязательно) Загрузите значок в уведомление. Вы можете использовать: .JPEG, .JPG, .PNG, .GIF, .WEBP, .ICO, .CUR, .BMP размером до 10 МБ. Для достижения наилучших результатов используйте квадратное изображение размером не менее 196 x 196 пикселей.
(Необязательно) Нажмите Добавить кнопку чтобы создать Кнопки действий, позволяющие посетителям выполнять определенные действия из ваших уведомлений. Затем введите текст, который отображается на кнопке, вставьте URL-адрес, который открывается при нажатии кнопки, и значок кнопки, который появляется рядом с текстом кнопки.
Справа вы сможете увидеть предварительный просмотр вашего уведомления и протестировать его в браузере. Предварительный просмотр применим к браузеру Google Chrome на macOS, Windows и Android. Для других браузеров и операционных систем возможны визуальные различия. Предварительный просмотр носит исключительно информационный характер, поскольку на конкретных устройствах могут быть различия.
Чтобы проверить, как уведомление будет работать в вашей системе, нажмите кнопку Предпросмотр в браузере. Вам будет предложено согласиться на получение уведомлений.
Вы сможете просмотреть свою аудиторию (сколько человек подписалось на ваше уведомление).
Вы можете решить, хотите ли вы отправить уведомление немедленно или запланировать его на потом. При планировании уведомления вы можете изменить часовой пояс, отличный от часового пояса, установленного по умолчанию в вашей учетной записи.

Примечание. Запланированное уведомление также можно использовать в рабочем процессе автоматизации.
Вы можете нажать кнопку отменить, сохранить черновик, чтобы использовать уведомление позже, отправить уведомление или запланировать.
Примечание: чтобы отправить уведомление немедленно, вам необходимо иметь хотя бы одно разрешение на отправку уведомлений (один подписчик уведомления), но он вам не нужен, чтобы запланировать уведомление на потом.
(Необязательно) Вы можете установить тему уведомления. Это работает, когда у вас есть несколько уведомлений на одну и ту же тему. Старое уведомление, по которому еще не нажимали, будет заменено новым уведомлением с той же темой, однако, если посетитель не в сети и у него в очереди для доставки несколько сообщений с той же темой, он получит только последнее.

Вы будете перенаправлены на страницу уведомлений. Там вы сможете увидеть статус уведомления, когда оно было создано и отправлено, сколько уведомлений было отправлено, доставлено и нажато.

Управление уведомлениями

Чтобы управлять уведомлениями:

Перейдите в Web push-уведомления.
Нажмите на название вашего сайта.
Во вкладке Уведомления наведите курсор на меню действий (3 вертикальные точки), где вы можете: